


    <div id="main" style="width: 600px; height: 400px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; position: relative; left: 201px; top: 421px; background: transparent;" class="draggable ui-widget-content draggable3 ui-resizable ui-draggable" _echarts_instance_="ec_1505049585982"><div style="position: relative; overflow: hidden; width: 600px; height: 400px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas width="600" height="400" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 600px; height: 400px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div></div></div>






<div class="big-right-icon" style="display: none;">
    <div class="mt">
          <span class="fl">
            <i class="big-i4"></i>
          </span>

    </div>
</div>
<div class="big-right" style="display:block;">
    <div class="scroll-wrap">
        <div class="setting">
            <div class="mt">
                <span class="fl">
                  <i class="big-i3"></i>
                </span>
                <h3 class="tt">
                    轮播图设置
                    <div class="style-item-del">
                        <i class="layui-icon " style="font-size: 20px; color: #1E9FFF;"></i>
                    删除元素</div>

                </h3>


            </div>
            <div class="big-buildCon">
                <div class="big-nav">

                    <dl class="fore">
                        <dt>
                        <h3>画布大小</h3></dt>
                        <dd>
                            <div class="big-rule-box">
                                <ul class="big-listItem big-subitem-list">
                                    <li>
                                        <p class="tit">宽</p>
                                        <div class="con">
                                            <input type="number" class="inputMode"></div>
                                    </li>
                                    <li>
                                        <p class="tit">高</p>
                                        <div class="con">
                                            <input type="number" class="inputMode"></div>
                                    </li>
                                </ul>
                            </div>
                        </dd>
                    </dl>
                    <!--图片列表-->
                    <dl class="style-item">
                        <dt>
                        <h3>图1</h3>
                        <h3 class="style-item-h3">
                            <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;"></i>
                            删除
                        </h3>

                        </dt>
                        <dd>
                            <input type="file" id="carousel_file1" name="carousel_file1" value="" style="display: none;">

                            <div class="gui-field-component">
                                <div class="bg-uploader" id="carouse1">
                                    <div class="el-upload el-upload--text">

                                        <img class="carousel_file1 default-img" src="/attachment/images/0/2017/09/bq28SGBWw5k1oP6P86shPoDBkdka56.jpg" alt="">


                                        <div class="bg-upload__text">点击上传图片</div>
                                    </div>
                                </div><input class="layui-upload-file" type="file" name="file">
                            </div>
                            <a href="" class="reset-bg">还原默认</a></dd>
                    </dl>
                    <dl class="style-item">
                        <dt>
                        <h3>图2</h3>
                        <h3 class="style-item-h3">
                            <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;"></i>
                            删除
                        </h3>

                        </dt>
                        <dd>
                            <input type="file" id="carousel_file2" name="carousel_file2" value="" style="display: none;">

                            <div class="gui-field-component">
                                <div class="bg-uploader" id="carouse2">
                                    <div class="el-upload el-upload--text">

                                        <img class="carousel_file2 default-img" src="/attachment/images/0/2017/09/XCVeV00ZdvyryT1thM6jyyTxEBIXmY.jpg" alt="">


                                        <div class="bg-upload__text">点击上传图片</div>
                                    </div>
                                </div><input class="layui-upload-file" type="file" name="file">
                            </div>
                            <a href="" class="reset-bg">还原默认</a></dd>
                    </dl>
                    <dl class="style-item">
                        <dt>
                        <h3>图3</h3>
                        <h3 class="style-item-h3">
                            <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;"></i>
                            删除
                        </h3>

                        </dt>
                        <dd>
                            <input type="file" id="carousel_file3" name="carousel_file3" value="" style="display: none;">

                            <div class="gui-field-component">
                                <div class="bg-uploader" id="carouse3">
                                    <div class="el-upload el-upload--text">

                                        <img class="carousel_file3 default-img" src="/attachment/images/0/2017/09/cx0SuN4BaU00AjCx8jhb8b0wn402s3.jpeg" alt="">


                                        <div class="bg-upload__text">点击上传图片</div>
                                    </div>
                                </div><input class="layui-upload-file" type="file" name="file">
                            </div>
                            <a href="" class="reset-bg">还原默认</a></dd>
                    </dl>
                    <dl class="style-item">
                        <dt>
                        <h3>图4</h3>
                        <h3 class="style-item-h3">
                            <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;"></i>
                            删除
                        </h3>

                        </dt>
                        <dd>
                            <input type="file" id="carousel_file4" name="carousel_file4" value="" style="display: none;">

                            <div class="gui-field-component">
                                <div class="bg-uploader" id="carouse4">
                                    <div class="el-upload el-upload--text">

                                        <img class="carousel_file4 default-img" src="/attachment/images/0/2017/09/soQZtJOTzpfOD2865WEfK8Rf6RoKzR.jpg" alt="">


                                        <div class="bg-upload__text">点击上传图片</div>
                                    </div>
                                </div><input class="layui-upload-file" type="file" name="file">
                            </div>
                            <a href="" class="reset-bg">还原默认</a></dd>
                    </dl>

                    <dl class="style-item">
                        <dt class="style-item-button">
                            <button class="layui-btn">添加一张图片</button>

                        </dt>

                    </dl>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<div class="layui-carousel draggable3 ui-draggable ui-resizable" id="carousel" style="float: left; width: 1367px; height: 401px; left: -2px; top: 57px; position: absolute;" lay-anim="" lay-indicator="inside" lay-arrow="always">
    <div carousel-item="">
        <div class="layui-this"><img id="carousel-src-1" src="/attachment/images/0/2017/09/bq28SGBWw5k1oP6P86shPoDBkdka56.jpg" alt=""></div>
        <div class=""><img id="carousel-src-2" src="/attachment/images/0/2017/09/XCVeV00ZdvyryT1thM6jyyTxEBIXmY.jpg" alt="">条目2</div>
        <div class=""><img id="carousel-src-3" src="/attachment/images/0/2017/09/cx0SuN4BaU00AjCx8jhb8b0wn402s3.jpeg" alt=""></div>
        <div class=""><img id="carousel-src-4" src="/attachment/images/0/2017/09/soQZtJOTzpfOD2865WEfK8Rf6RoKzR.jpg" alt=""></div>

    </div>
<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li><li class=""></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>


